<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ page import="com.Interface.util.StringUtil"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ StringUtil.getHost()+ ":" + StringUtil.getPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
<base href="<%=basePath%>">
<%@ include file="common/top.jsp"%>
<script   type="text/javascript" src="web/js/activityDetail.js"></script>  
<script   type="text/javascript" src="web/js/common.js"></script>
<script   type="text/javascript" src="web/plugins/lefttime/leftTime.min.js"></script>
<link href="web/plugins/lefttime/leftTime.css" rel="stylesheet">
</head>
<body class="gray-bg top-navigation">
<input type="hidden" id="topic_id"  value="<%=request.getParameter("topic_id")%>"> 
<input type="hidden" id="class_id"  value="<%=request.getParameter("class_id")%>">  
<input type="hidden" id="id_comment_max_index"  value="0">  
<div id="wrapper">
  <div id="page-wrapper" class="gray-bg">
    <%@ include file="common/head.jsp"%>
    
    <div class="wrapper wrapper-content  animated fadeInRight article col-md-9">
        <div class="row">
            <div class="col-lg-10 col-lg-offset-1">
                <div class="ibox">
                    <div class="ibox-content">
                    <div   >
                            <div class=""  style="color: gray;" ><h2><span id="title" style="font-weight:bold"></span></h2></div>
                        </div>  
                        <div  class="row " >
                            
                            <div class="data-show-box col-lg-10" id="dateShow1">
                             <div>
                               	结束倒计时: 
	    						<span id="remaining_time" style="color:#FF6666" ></span>
	    						</div> 
                            	<div >
	                                                                                  活动地点: 
		    					<span id="activities_place"></span>
		    				    </div>
	                                                                     
	    				    </div>
	    				    <div class="small m-b-xs text-right col-lg-2 "  style="width:77px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;" > 
	    				    <div class="text-center" ><span class="text-muted" id="join_cnt"  style="font-weight:bold" >0</span></div>
	    				    <div class="text-center"  >参与人数</div>
		                    </div> 
                        </div>   
<!--                         <div   >
                            <div class=""  style="color: gray;" ><h2><span id="title"></span></h2></div>
                        </div>  
                        <br>
                        <div  class="row " >
                            <div class="data-show-box col-lg-8" id="dateShow1">
                                                                                  活动截止日期: 
	    					<span class="date-tiem-span dd">00</span>天
	    					<span class="date-tiem-span hh">00</span>时
	    					<span class="date-tiem-span mm">00</span>分
	    					<span class="date-s-span ss">00</span>秒
	    					<span id="remaining_time"></span>
	    				    </div>
	    				    <div class="small m-b-xs text-right col-lg-4"  > 
		                     <h4><span class="text-muted" id="join_cnt" >0</span>参与人数  </h4>
		                     </div> 
                        </div>   -->
	                      <hr>
                         <!-- 内容开始 -->     
                        <p id="content"></p>
                        <hr>
                        <!-- 内容结束 -->
                        <div class="social-comment">
                           <button id="is_join_activity"     class="btn btn-primary btn-md pull-right" type="button"> </button>
                        </div>
                        <br>
                        <!-- 填写评论 -->
                    </div>
                </div>
            </div>
        </div>
    </div>
     <div class="wrapper wrapper-content  animated fadeInRight article col-md-3">
       <!-- 班组信息 -->
       <div class="row">
           <div class="ibox float-e-margins">
		        <div>
		              <div class="ibox-content profile-content row" style="line-height: 25px"   >
			                       <div class="col-md-12 text-center"  >
				                        <div class="text-center">
				                        	<div class="m-b-sm">
		                                            <img  id="pic" class="img-circle"   style="width: 62px;height:62px">
		                                    </div>
		                                </div>
									<h4><strong><span id="name"></span></strong></h4>
									<p id="indroduce"></p>
					              </div>
								 <div class="row text-center">
								    <div class="col-md-12"  id="join_class" >
									<a class="btn btn-default btn-circle" type="button"><i id="join_status" class="fa fa-plus"></i></a>
									</div>
			                        <div class="col-md-6">
				                        <div>成员</div>
				                       <div><strong><h3> <div id="member_cnt"></div></h3></strong></div>
			                        </div>
			                        <div class="col-md-6" >
				                        <div>话题</div>
				                         <div><strong><h3> <div id="topic_cnt"></div></h3></strong></div>
			                        </div>
		                        </div> 
						 </div>
		         </div>
		   </div>
       </div>
       <!-- 班组信息 -->
     </div>      
   </div>
</div>
    <%-- <%@ include file="common/footer.jsp"%> --%>
</body>
</html>
